<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home - step by step</title>
    <link rel="stylesheet" href="step1.css">
    <link rel="stylesheet" href="step2.css">
    <link rel="stylesheet" href="step3.css">
    <link rel="stylesheet" href="step4.css">
    <link rel="stylesheet" href="step5.css">
    <link rel="stylesheet" href="step6.css">
    <link rel="stylesheet" href="step7.css">
    <link rel="stylesheet" href="step8.css">
    <link rel="stylesheet" href="step9.css">
    <link rel="stylesheet" href="step10.css">
    <link rel="stylesheet" href="step11.css">
    <link rel="stylesheet" href="step12.css">
    <link rel="stylesheet" href="step13.css">
    <link rel="stylesheet" href="step14.css">
    <link rel="stylesheet" href="step15.css">
    <link rel="stylesheet" href="step16.css">
    <link rel="stylesheet" href="step17.css">
    <link rel="stylesheet" href="step18.css">
</head>

<body>
<header class="nav">
    <div class="container container-flex">
        <ul>
            <li><a href="#" class="nav-link site-title">个人网站</a></li>
        </ul>
        <ul>
            <li><a href="resume" class="nav-link">简历</a></li>
            <li><a href="#" class="nav-link">工作经验</a></li>
            <li><a href="#" class="nav-link">项目经验</a></li>
        </ul>
    </div>
</header>
<main>
    <div class="container">
        <div class="intro">
            <img class="avatar" src="1.jpeg" alt="我的头像">
            <h2 class="name">狗头</h2>
        </div>


        <div class="bq">
            <p class="small">我最喜欢的一句话</p>
            <blockquote>
                万事安好的前提是自己安好。
                <span> - 狗头本人</span>
            </blockquote>
        </div>
    </div>
</main>

</body>

</html>
